<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <title>Title</title>
</head>
<link href="CSS/AddProduct.css" rel="stylesheet">
<body>
<form action="addProduct" method="post">
    <table style="margin: 10px;border-collapse: collapse; border: none">
        <tr>
            <td>商品ID:</td> <!-- 商品ID字段 -->
            <td><input type="text" id="ID" placeholder="ID由系统自动分配 此项无需填写" style="width: 220px" readonly></td> <!-- 输入框 - ID -->
        </tr>
        <tr>
            <td>商品名称:</td> <!-- 商品名称字段 -->
            <td>
                <input type="text" id="productName" name="productName" placeholder="商品名称"  style="width:220px" required> <!-- 输入框 - 商品名称 -->
            </td>
        </tr>
        <tr>
            <td>商品价格:</td> <!-- 商品价格字段 -->
            <td>
                <input type="text" id="productPrice" name="productPrice" placeholder="商品价格" style="width:220px"
                       required> <!-- 输入框 - 商品价格 -<tr>
            <td>商品标签:</td> <!-- 商品标签字段 -->
            <td>
                <input type="text" id="productTag" name="productTag" placeholder="商品标签"  style="width:220px" required> <!-- 输入框 - 商品标签 -->
            </td>
        </tr>
        <tr>
            <td>商品库存:</td> <!-- 商品库存字段 -->
            <td>
                <input type="text" id="productStock" name="productStock" placeholder="商品库存"  style="width:220px" required> <!-- 输入框 - 商品库存 -->
            </td>
        </tr>
        <tr>
            <td>商品详情页:</td> <!-- 商品详情页字段 -->
            <td>
                <input type="text" id="productDetail" name="productDetail" placeholder="商品详情页" style="width:220px" required> <!-- 输入框 - 商品详情页 -->
            </td>
        </tr>
        <tr>
            <td>商品图片地址:</td> <!-- 商品图片地址字段 -->
            <td>
                <input type="text" id="productUrl" name="productUrl" placeholder="商品图片地址" style="width:220px" required> <!-- 输入框 - 商品图片地址 -->
            </td>
        </tr>
        <tr>
            <td colspan="2" style="border:none;text-align: center">
                <div style="display: flex;justify-content: center;gap: 50px">
                    <button type="submit">保存</button> <!-- 提交按钮 -->
                    <button type="reset" style="background: red">清空</button> <!-- 重置按钮 -->
                </div>
            </td>
        </tr>
    </table>
</form>
</body>
</html>
